<template>
	<router-link v-for="item in routeList" :to="item.path" :key="item.path">
		<el-card @click="$router.push(item.path)" class="mr-5"
			>GO {{ item.name?.toString().toUpperCase() }}</el-card
		>
	</router-link>
</template>
<script setup lang="ts">
import { RouteRecordRaw } from 'vue-router';

const { routes } = useRouter().options;
const routeList = ref<RouteRecordRaw[]>([]);
routes.forEach((item) => {
	if (item.path !== '/' && item?.name !== 'Any') routeList.value.push(item);
});
</script>
